<template>
    <section>
      <img :class="{'active':isChoose}" src="../../assets/credit/riskReport.png"  @click="imgScc">
    </section>
</template>

<script>
  import wx from 'weixin-js-sdk';
    export default {
        name: "detailImg",
        data(){
          return{
            isChoose:false,
          }
        },
      methods:{
        imgScc:function () {
          this.isChoose = !this.isChoose
        }
      },
      created(){
        let url = location.href.split('#')[0];
        let shareUrl = location.href;
        this.$ajax.post(window.g.apiUrl+'/user/signature.do', JSON.stringify({
          url: url,
        })).then((response) => {
          wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: response.data.data.appId, // 必填，公众号的唯一标识
            timestamp: response.data.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: response.data.data.nonceStr, // 必填，生成签名的随机串
            signature: response.data.data.signature,// 必填，签名
            jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage"] // 必填，需要使用的JS接口列表
          });
          wx.ready(function () {
            wx.onMenuShareTimeline({
              title: '火炬数据 信用查询', // 分享标题
              link: shareUrl, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
              imgUrl: 'https://www.huojudata.com/image/logo.jpg', // 分享图标
              success: function () {
                // 用户点击了分享后执行的回调函数
              },
            })
            wx.onMenuShareAppMessage({
              title: '火炬数据 信用查询', // 分享标题
              desc: '【火炬数据】让数据聚合价值    用科技成就未来', // 分享描述
              link: shareUrl, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
              imgUrl: 'https://www.huojudata.com/image/logo.jpg', // 分享图标
              type: '', // 分享类型,music、video或link，不填默认为link
              dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
              success: function () {
// 用户点击了分享后执行的回调函数
              }
            });
          });
        }).catch(() => {
        })
      }
    }
</script>

<style scoped>
  img {
    width: 100%;
  }
  img.active {
    width: auto;
}
</style>
